<?php get_header(); ?>
	<?php get_sidebar(); ?>
	<div class="grid_9 omega right-column">
		<!-- START HOME PAGE -->
		<div class="home">
			<!--<img src="<?php bloginfo('stylesheet_directory'); ?>/images/text-home.jpg" alt="contenuto-home" />-->
			<h1>
				Welcome in my <span>portfolio</span>: i do beautiful things, <span>web</span> &amp; <span>graphic</span> design,
				<span>illustration</span> and <span>marketing</span> services!
			</h1>
			<!--<img src="<?php bloginfo('stylesheet_directory'); ?>/images/arrow-home.png" alt="arrow" class="arrow" />-->
		</div>
		<div class="home-bottom-bg"></div>
		<!-- END HOME PAGE -->
		
		<!-- START BLOG PAGE -->
		<a id="blog-page"></a>
		
		<div class="blog">
			<div class="grid_4 alpha">
				<div class="container-blog">
					<h2>Popular Posts</h2>
				</div>
			</div>
			
			<!-- START PORTFOLIO QUOTE -->
			<div class="grid_4 omega">
				<div class="blog-quote">
					<h4>I hope you like my work and my work speaks for me.</h4>
				</div>
			</div>
			<!-- END PORTFOLIO QUOTE -->
			
			<div class="clear"></div>
			<div class="container-blog">
				<?php get_mostpopular("limit=5&range=weekly"); ?>
				<?php include (TEMPLATEPATH . '/category-menu.php' ); ?>
			</div>
		</div>
		<div class="blog-bottom-bg"></div>
		<!-- END BLOG PAGE -->
		
		<!-- START PORTFOLIO PAGE -->
		<a id="portfolio-page"></a>
		
		<div class="portfolio">
			<div class="grid_4 alpha">
				<div class="container-portfolio">
					<h2>Portfolio</h2>
				</div>
			</div>
			
			<!-- START PORTFOLIO QUOTE -->
			<div class="grid_4 omega">
				<div class="portfolio-quote">
					<h4>I hope you like my work and my work speaks for me.</h4>
				</div>
			</div>
			<!-- END PORTFOLIO QUOTE -->
			
			<div class="clear"></div>
			<div class="container-portfolio">
				<?php
					// Query Portfolio Posts
					
					$args = array('post_type' => 'c4der_portfolio', 'post_per_page' => 10);
					$portfolio = new WP_Query($args);
					while ($portfolio->have_posts()): $portfolio->the_post();
						if( has_post_thumbnail() ){
							$url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
							?>
							<div class="photo">
								<a href="<?php the_permalink(); ?>">
									<img src="<?php bloginfo('stylesheet_directory'); ?>/scripts/timthumb.php?src=<?php echo $url ?>&amp;h=85&amp;w=85&amp;zc=1" alt="<?php the_title(); ?>" />
								</a>
							</div>

				<?php		};		endwhile;			?>
			</div>
		</div>
		<div class="portfolio-bottom-bg"></div>
		<!-- END PORTFOLIO PAGE -->
		
		
		
		<!-- START ABOUT PAGE -->
		<a id="about-page"></a>
		
		<div class="about">
				
			<div class="grid_5 alpha">
			
				<div class="container-about">
					<h2>About</h2>
					
					<p>
						<a href="http://www.odesk.com/users/~~045eb365925525a8"><img src="http://www.odesk.com/api/exams/v1/2372095/image" alt="oDesk Certified WordPress Expert"/></a>
						<br />
						<a href="http://www.odesk.com/users/~~045eb365925525a8"><img src="http://www.odesk.com/api/exams/v1/2317218/image" alt="oDesk Certified DHTML Developer"/></a>
						<br />
						<a href="http://www.odesk.com/users/~~045eb365925525a8"><img src="http://www.odesk.com/api/exams/v1/2372044/image" alt="oDesk Certified oDesk Contractor"/></a>
						<br />
						<a href="http://www.odesk.com/users/~~045eb365925525a8"><img src="http://www.odesk.com/api/exams/v1/2372260/image" alt="oDesk Certified C Programmer"/></a>
						<br />
						<a href="http://www.odesk.com/users/~~045eb365925525a8"><img src="http://www.odesk.com/api/exams/v1/2372386/image" alt="oDesk Certified C++ Programmer"/></a>
					</p>
				</div>
			</div>
			
			<!-- START AVATAR -->
			<div class="grid_4 omega avatar-image">
				<img src="<?php bloginfo('stylesheet_directory'); ?>/images/avatar.jpg" alt="avatar" class="avatar" />
			</div>
			<!-- END AVATAR -->
			
			<div class="clear"></div>
		</div>
		<div class="about-bottom-bg"></div>
		<!-- END ABOUT PAGE -->
		
		<!-- START CONTACT PAGE 
		<a id="contact-page"></a>
		
		<div class="contact">
		
			<div class="grid_5 alpha">
				
				<div class="container-contact">
					<h2>Contact</h2>
					
					<div id="log"></div>
					
					<form id="contacts" method="post" action="include/inc_sendmail.php">
						<fieldset>
							<input tabindex="1" type="text" id="visitor" name="visitor" value="Name" onfocus="if (this.value=='Name') this.value='';" onblur="if (this.value=='') this.value='Name';" class="text name" />
							<br />
							
							<input tabindex="3" type="text" id="visitormail" name="visitormail" value="E-mail" onfocus="if (this.value=='E-mail') this.value='';" onblur="if (this.value=='') this.value='E-mail';" class="text mail" />
							<br />
							
							<textarea tabindex="4" id="notes" name="notes" cols="30" rows="3" onfocus="if (this.value=='Message') this.value='';" onblur="if (this.value=='') this.value='Message';" class="text message">Message</textarea>
							<br />

							<input class="button" name="Send" value="Send e-mail" type="submit" />
							
						</fieldset>
					</form>
				</div>
			</div>
			
			<div class="grid_4 omega contact-info">
				<p class="title">Estimates, questions, information?</p>
				
				<p>
					Not hesitate to contact me.<br/>
					 Send the form or contact me on skype.
				</p>
				
				<img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.small.png" alt="logo" class="contact-logo" />
				
				<h3>C4der Team</h3>
				
				<address>Da Nang City, Viet Nam</address>
				
				<p class="right">
					<span>Tel.</span> (+84) 973.178.495
					
				</p>
			</div>
			
			<div class="clear"></div>
		</div>
		
		<div class="contact-bottom-bg"></div>
		END CONTACT PAGE -->
		
	</div>
<?php get_footer(); ?>
